<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Signin Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link href="llw_css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="llw_css/signin.css" rel="stylesheet">
  </head>

  <body>

    <div class="container">

      <form class="form-signin">
        <h2 class="form-signin-heading">用户登录</h2>
        <label for="inputUserName" class="sr-only">用户名</label>
        <input type="text" id="username" class="form-control" placeholder="请输入用户名" required autofocus>
        <label for="inputPassword" class="sr-only">密码</label>
        <input type="password" id="password" class="form-control" placeholder="请输入密码" required>
        <div class="checkbox">
          <label>
            <input type="checkbox" value="remember-me"> 记住我
          </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" id="check">登录</button>
      </form>
	  
	  <div id="context">
	  
	  </div>
    </div>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<script  language="javascript" type="text/javascript">
		var data;
		$.post("./test.php",
			function(data, status) {
				console.log(data);
				$("#context").html(data);
				var data=data;
		});
		
		//当用户点击按钮后判断username和password
		$("#check").click(function(){
			//获取用户名、密码
			var username=$("#username").val();
			var password=$("#password").val();
			//获取总数
		    var num=parseInt($(".num").text());
			//定义未知长度的用户名密码二维数组
			var user = new Array(); //先声明一维数组
			for(var k=0;k<num;k++) //一维数组长度为i，i为变量，可以根据实际情况改变
			{   
				user[k]=new Array();  //声明二维，每一个一维数组里面的一个元素都是一个数组
				for(var j=0;j<4;j++) //一维数组里面每个元素数组可以包含的数量p，p也是一个变量
				{
					user[k][j]="1";    //这里将变量初始化，我这边统一初始化为1
				}
			}
			//获取每一个span标签中数据，并保存到user数组中
			for(var i=0;i<num;i++){
			    var u=($('.'+i).text()).split('-');  //id username password wendu
				user[i][0]=u[0];
				user[i][1]=u[1];
				user[i][2]=u[2];
				user[i][3]=u[3];
			}
			//进行登录校验
			var check=false;
			for(var i=0;i<num;i++){
				console.log(user[i][1]+"--"+user[i][2]);
				if(username==user[i][1] && password==user[i][2]){
					check=true;
				}
			}
			if(check==false){
				alert("用户名或者密码错误");
				console.log("username:"+username+"--"+"pwd:"+password);
			}else{
				alert("登录成功，欢迎"+username);
				window.location.href="show.html";
			}
		});
		
	</script>
  </body>
</html>
